<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>不同请求方式的ajax</title>
    <script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<input type="button" class="btn" value="点击">
<div class="ctn">

</div>
<div class="ctn1">

</div>
<div class="ctn2">

</div>
<script>
    $(".btn").click(function () {
        //请求方式
        //http协议规定了请求的多种方式:
        //1.GET请求
        //默认的请求方式
        //请求的所有参数都会直接跟在地址后面
        //2.POST请求
        //请求参数不会拼接在地址后面
        //DELETE
        //HEAD
        //PUT
        $.ajax({
            url:"http://172.16.16.63:8081/addNewStu",
            type:"post",
            data:{
                sname:"suibian",
                age:12,
                address:"北京"
            },
            success:function (re) {
                console.log(re);
                //把操作结果,学生姓名和id显示在div中
                $(".ctn").html(re.msg);
                $(".ctn1").html(re.result.sname);
                $(".ctn2").html(re.result.sid);
            }
        })
    })
</script>
</body>
</html>